<!--
 * @Author: your name
 * @Date: 2021-09-05 20:52:59
 * @LastEditTime: 2021-09-05 21:33:45
 * @LastEditors: your name
 * @Description: In User Settings Edit
 * @FilePath: \经纪人\app\src\views\index\message\dianhua\index.vue
-->
<!--  -->
<template>
  <div class="box">
    <van-field
      readonly
      clickable
      :value="value"
      @touchstart.native.stop="show = true"
    />
    <van-number-keyboard
      v-model="value"
      :show="show"
      :maxlength="6"
      @blur="show = false"
    />
  </div>
</template>

<script>
export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {
      show: false,
      value: "",
    };
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {},
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
};
</script>
<style lang="scss" scoped></style>
